﻿<%@ Page Title="" Language="C#" MasterPageFile="~/User/MasterPage.master" AutoEventWireup="true" CodeFile="ShoppingCart.aspx.cs" Inherits="User_ShoppingCart" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style2
        {
            width: 140px;
            padding-left:5px;
            color:Black;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
   
   <div style="margin-left:15px;">
    <asp:MultiView ID="MultiView1" runat="server">
    
<asp:View ID="View1" runat="server">
            <div style="color:Gray;font-size:large; text-align:center;
                margin-top:10px;margin-bottom:10px;margin-top:5px;">
               <asp:Label ID="lbThongTin" runat="server" 
                   Text="THÔNG TIN GIỎ HÀNG" Font-Bold="True" ForeColor="#333300"></asp:Label><br />
           </div>

           
            <asp:GridView ID="gvGioHang" runat="server" AutoGenerateColumns="False" 
    Width="650px" >
    <Columns>
        <asp:TemplateField HeaderText="Số lượng">
            <ItemTemplate>
            <center>
                <asp:TextBox ID="txtSoLuong" runat="server" Text='<%# Eval("SoLuong") %>' 
                    Width="30px" ontextchanged="txtSoLuong_TextChanged"></asp:TextBox>
                        <asp:ImageButton ID="ImgCapNhat" runat="server" Height="18px" 
                    ImageUrl="~/User/images/Refreshbutton.png" 
                    CommandArgument='<%# Eval("MaSP") %>' onclick="ImgCapNhat_Click" />
                    </center>
            </ItemTemplate>
            <ControlStyle ForeColor="#333300" />
            <HeaderStyle Font-Bold="True" ForeColor="#333300" />
            <ItemStyle ForeColor="#333300" />
        </asp:TemplateField>
        <asp:TemplateField HeaderText="S&#7843;n ph&#7849;m">
            <ItemTemplate>
            <div style="width:100%; text-align:center; padding-top:3px;">
                <asp:Image ID="Image2" runat="server" Height="136px" Width="139px" 
                    ImageUrl='<%# "~/User/HinhAnh/"+ Eval("HinhAnh") %>' />
                    <br />
                <asp:HyperLink ID="HyperLink1" runat="server" 
                    NavigateUrl='<%# "~/User/ProductDetail.aspx?MaSP="+Eval("MaSP")+"&LoaiSP="+Eval("LoaiSP") %>' 
                    Text='<%# Eval("TenSP") %>' Font-Bold="False" ForeColor="#333300" 
                    Font-Underline="False"></asp:HyperLink>
                    
                    </div>
            </ItemTemplate>
            <HeaderStyle Font-Bold="True" ForeColor="#333300" />
            <ItemStyle ForeColor="Red" HorizontalAlign="Center" VerticalAlign="Middle" 
                Width="180px" />
        </asp:TemplateField>
        <asp:BoundField HeaderText="Gi&aacute;" DataField="Gia" 
            DataFormatString="{0} VND" >
                
        <HeaderStyle ForeColor="#333300" />
                
        <ItemStyle HorizontalAlign="Center" ForeColor="Black" />
        </asp:BoundField>
                
        <asp:BoundField HeaderText="Th&agrave;nh ti&#7873;n" DataField="ThanhTien" 
            DataFormatString="{0} VND" >
        <ControlStyle ForeColor="#333300" />
        <HeaderStyle Font-Bold="True" ForeColor="#333300"  />
        <ItemStyle HorizontalAlign="Center" ForeColor="Black"/>
        </asp:BoundField>
        <asp:TemplateField ShowHeader="False">
            <ItemTemplate>
               
                       
                <asp:ImageButton ID="btnDel" runat="server" CausesValidation="False" 
                    CommandArgument='<%# Eval("MaSP") %>' CommandName="Del" 
                    ImageUrl="~/User/images/deleteButton.png" onclick="btnDel_Click" />
                    
                <asp:HiddenField ID="HiddenField1" runat="server" Value='<%# Eval("MaSP") %>' />
                    
            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center" />
        </asp:TemplateField>
    </Columns>
</asp:GridView>
            
    
   </asp:View>
   <asp:View ID="View2" runat="server">
   <br />
    <table class="style1" style="color:Gray">
                <tr>
                    <td class="style2">
                        Kh&aacute;ch h&agrave;ng</td>
                    <td>
                        <asp:TextBox ID="txtKhachHang" runat="server" Width="203px" ReadOnly="True"></asp:TextBox>
                        <asp:HiddenField ID="hpKhachHang" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="style2">
                        &#272;&#7883;a ch&#7881;</td>
                    <td>
                        <asp:TextBox ID="txtDiaChiKH" runat="server" Width="285px" ReadOnly="True"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="style2">
                        S&#7889; &#273;i&#7879;n tho&#7841;i</td>
                    <td>
                        <asp:TextBox ID="txtSoDTKH" runat="server" ReadOnly="True"></asp:TextBox>
                      
                    </td>
                </tr>
                <tr>
                    <td class="style2" style="vertical-align:top;">
                        &#272;&#7883;a ch&#7881; nh&#7853;n h&agrave;ng</td>
                    <td>
                        <select id="cboDiaChiNhan" runat="server"  onchange='$("#tableNguoiNhan").slideToggle("fast");$("#txtDCKhachAlert").slideToggle("fast")'>
                          <option>Địa chỉ của tôi</option>
                          <option>Địa chỉ khác</option>
                        </select>
                        <div id="txtDCKhachAlert" style="display:none;color:Red">
                        Chúng tôi sẽ xác thực đơn đặt hàng, vì vậy,bạn phải đảm bảo thông tin bạn cung cấp dưới đây là chính xác và đầy đủ.
                        
                        </div>
                    </td>
                </tr>
                </table>
            <div id="tableNguoiNhan" style="display:none;" >
            <table  class="style1" style="color:Gray">
            <tr>
                <td class="style2">
                    Người nhận</td>
                <td>
                    <asp:TextBox ID="txtTenNN" runat="server" Width="203px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    Địa chỉ</td>
                <td>
                    <asp:TextBox ID="txtDiaChiNN" runat="server" Width="285px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style2">
                    Số điện thoại</td>
                <td>
                    <asp:TextBox ID="txtSoDTNN" runat="server"></asp:TextBox><asp:RegularExpressionValidator
                        ID="RegularExpressionValidator2" runat="server" 
                        ErrorMessage="Số điện thoại phải có 10 hoặc 11 chữ số" 
                        ValidationExpression="\d{10,11}" ControlToValidate="txtSoDTNN" 
                        ValidationGroup="check" ForeColor="#FF3300"></asp:RegularExpressionValidator>
                </td>
            </tr>
            </table>
            
            </div>
            <table class="style1" style="color:Gray">
            
            <tr>
                <td class="style2">
                    Hình thức thanh toán</td>
                <td>
                    <select id="cboHinhThuc" runat="server"  onchange='$("#divTTTrucTiep").slideToggle("fast");$("#divTTChuyenKhoan").slideToggle("fast")'>
                          <option>Trực tiếp khi nhận hàng</option>
                          <option>Thẻ ATM & Quốc tế qua NgânLượng.vn</option>
                    </select>
                    <asp:Label ID="lbNgayGiaoHang" runat="server" ForeColor="White"></asp:Label>
                    <div id="divTTTrucTiep">
                        <div class="payitem">
                            <div class="payiconleft">
                               <%-- <img src="~/User/images/Direct-icon.png" alt="" />--%>
                                 <asp:Image ID="Image1" runat="server" ImageUrl="~/User/images/Direct-icon.png" />
                              
                            </div>
                            <div class="payiconright">
                                 <div class="paycontent">
                                     Chuyển tận nơi trong nội thành.<br />
                                     Nhân viên giao hàng Thế Giới Của Bé sẽ giao hàng và thu
                                     phí tận nơi trong thành phố Hồ Chí Minh tại địa chỉ do
                                     quý khách đăng ký.<br />
                                     <span style="color:Red">
                                     <strong>Lưu ý:</strong> nhân viên giao hàng sẽ thoả thuận phí giao hàng chi tiết
                                     cho quý khách trước khi giao hàng.
                                     </span>
                                 </div>
                         
                            </div>
                    
                        </div>
                    </div>
                    <div id="divTTChuyenKhoan" style="display:none;">
                        <div class="payitem">
                            <div class="payiconleft">
                                <%--<img src="~/User/images/Direct-icon.png" alt="" />--%>
                                 
                                  <asp:Image ID="Image3" runat="server" ImageUrl="~/User/images/nganluong.jpg" Height="150px" Width="150px" />
                            </div>
                            <div class="payiconright">
                                 <div class="paycontent">
                                     Chuyển khoản.<br />
                                     Sau khi nhận được email xác nhận đặt hàng, bạn gửi tiền vào tài khoản của chúng tôi.<br />
                                     <span style="color:Red">
                                     <strong>Lưu ý:</strong> Thông tin chi tiết tài khoản, vui lòng kiểm tra trong email
                                     xác nhận đơn hàng.
                                     </span>
                                     <br />
                                     
                                 </div>
                         
                            </div>
                    
                        </div>
                    </div>
                </td>
            </tr>
            
            <tr>
                <td class="style3" style="color: #000000">
                    Hình thức giao hàng</td>
                <td class="style4">
                <select id="cboHinhThucGH" runat="server">
                          <option>Nhân viên chuyển hàng trực tiếp</option>
                          <option>Chuyển hàng qua bưu điện</option>
                    </select>
                   
                </td>
            </tr>
        </table>
          
    
   </asp:View>
   </asp:MultiView> 
   
  <div style="border: thin solid #666666; padding: 10px; margin-top:5px; margin-bottom:10px; background-color:#CCCCCC;
       font-weight:bold; width:628px; ">
       <div style="margin-left:400px;">
        <asp:Label ID="Label3" runat="server" Text="Số tiền"></asp:Label> : <asp:Label ID="lbSoTien"
            runat="server" Text="0"></asp:Label>&nbsp; VNĐ<div>
                    <asp:Label ID="Label4" runat="server" Text="Giảm giá :"></asp:Label> 
        <asp:Label ID="lbGiamGia"
            runat="server" Text="0"></asp:Label>
           <asp:Label ID="lbVNDGiamGia" runat="server" Text=" VNĐ"></asp:Label></div>
            <asp:Label ID="Label1" runat="server" Text="Tổng Tiền"></asp:Label> :
        <asp:Label ID="lbTongTien" runat="server" Text="000" Font-Bold="True"></asp:Label> &nbsp; VNĐ
        </div>
    </div>
    <div id="lbNote" runat="server" style="clear:both;color:Red; margin:10px;">
        
    
    </div>
    </div>
    <div style="width:100%; clear:both; height:2px; border-bottom:thin solid gray;">
    </div>
    <div style="padding:10px; float:right;">
        <asp:Button ID="btnTTMua" runat="server" Text="Tiếp tục mua" Height="24px" 
            Width="95px" onclick="btnTTMua_Click"/>
        <asp:Button ID="btnQuayLai" runat="server" 
            Text="Quay l&#7841;i" Visible="False" Height="24px" Width="78px" 
            onclick="btnQuayLai_Click" />
        <asp:Button ID="btnTiepTuc" runat="server" Text="Thanh toán" 
            Height="24px" Width="78px" onclick="btnTiepTuc_Click"  />
        <asp:Button ID="btnFinish" Height="24px" Width="78px" runat="server" 
            Text="Hoàn tất" onclick="btnFinish_Click" Visible="False" />
    </div>

</asp:Content>

